<link rel="stylesheet" href="../css/player.css">
<div>
    <div class="player">
        <div>
            <button onclick="cutSong(-1)" class="pre"></button>
            <button class="play"></button>
            <button onclick="cutSong(1)" class="next"></button>
        </div>
        <div class="songinfo">
            <a href="javascript:;">
                <img style="width: 34px;" src="http://s4.music.126.net/style/web2/img/default/default_album.jpg" alt="">
            </a>
            <div>
                <div class="play-detail">
                    <a href="javascript:;"></a>
                    <a href="javascript:;"></a>
                </div>
                <div class="ant-slider">
                    <div class="ant-slider-rail"></div>
                    <div class="ant-slider-track"></div>
                    <div class="ant-slider-step"></div>
                    <div class="ant-slider-handle"></div>
                </div>
            </div>
        </div>
        <div class="song-time">
            <span class="now-time">
                00:00
            </span>
            <span class="total-time">
                /00:00
            </span>
        </div>
        <div class="control">
            <div class="con-left">
                <a target="_blank" href="javascript:;">
                    <span>
                        <svg viewBox="64 64 896 896" focusable="false">
                            <path
                                d='M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z'>
                            </path>
                        </svg>
                    </span>
                </a>
                <span>
                    <svg viewBox="64 64 896 896" focusable="false">
                        <path
                            d='M511.4 124C290.5 124.3 112 303 112 523.9c0 128 60.2 242 153.8 315.2l-37.5 48c-4.1 5.3-.3 13 6.3 12.9l167-.8c5.2 0 9-4.9 7.7-9.9L369.8 727a8 8 0 00-14.1-3L315 776.1c-10.2-8-20-16.7-29.3-26a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-7.5 7.5-15.3 14.5-23.4 21.2a7.93 7.93 0 00-1.2 11.1l39.4 50.5c2.8 3.5 7.9 4.1 11.4 1.3C854.5 760.8 912 649.1 912 523.9c0-221.1-179.4-400.2-400.6-399.9z'>
                        </path>
                    </svg>
                </span>
            </div>
            <div class="con-right">
                <button class="volume"></button>
                <button class="loop"></button>
                <button onclick="$('.player-detail').toggle('hide')" class="playerlist">
                    <span>0</span>
                    <div class="player-detail hide">
                        <div class="player-list">
                            <div class="plleft">
                                <h3>播放列表(0)</h3>
                                <div>
                                    <a href="javascript:;">
                                        <span>收藏一下</span>
                                    </a>
                                    <a href="javascript:;">
                                        <span>清除播放列表</span>
                                    </a>
                                </div>
                            </div>
                            <div class="plright">
                                <div class="song-name">MOM</div>
                                <!-- <div onclick="$('.player-detail').hide()" class="close-window">
                                    <span>×</span>
                                </div> -->
                            </div>
                        </div>
                        <div class="player-body">
                            <div class="main-list">
                            </div>
                            <div class="pllyric">
                                <div>
                                </div>
                            </div>
                        </div>
                    </div>
                </button>
            </div>
            <div class="plvoice hide">
                <div class="slider">
                    <div class="slider-rail"></div>
                    <div class="slider-track"></div>
                    <div class="slider-step"></div>
                    <div class="slider-handle"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<audio id="audio" preload="auto" src="https://music.163.com/song/media/outer/url?id=411214279.mp3"></audio>
<script src="../js/player.js"></script>